body{
	font: 12px/150% tahoma,arial,Microsoft YaHei,Hiragino Sans GB,"\u5b8b\u4f53",sans-serif;
}

/* 版心 */
@media all and (max-width:1349px) {
	.main {
		width: 990px;
		margin: 0 auto;
	}
}

@media all and (min-width:1350px) {
	.main {
		width: 1190px;
		margin: 0 auto;
	}
}
// 主体元素颜色
$bodyColor:#e2231a; 
#app{
	// 一、头部
	// 返回首页
	.go-index{
		position: relative;
		li{
			position: relative;
			height: 31px;
			line-height: 31px;
			a{
				padding: 0 7px;
				display: block;
				position: relative;
				overflow: hidden;
				padding-bottom: 3px;
				z-index: 10;
				border: 1px solid #e3e4e5;
				border-bottom: none;
				border-top: none;
			}
		}
	}
	// 头部logo搜索
	.logo-sea{
		height: 80px;
		overflow: hidden;
		// 左边logo
		.left-logo{
			height: 100%;
			h1{
				height: 100%;
			}
		}
	}
	// 二、内容
	.context{
		background-color: #fff;
		.main{
			// 购物车body
			.cards-body{
				padding: 0 70px;
				// 购物车头部导航栏
				.cart-headbar{
					height: 40px;
					margin-top: 10px;
					// 全部商品
					.all-goods{
						float: left;
						height:100%;
						line-height: 100%;
						text-align: center;
						span{
							display: inline-block;
							height:100%;
							line-height: 40px;
							color:#e2231a;
							font-size: 14px;
							margin-left: 5px;
							em{
								font-size: 16px;
							}
						}
					}
					// 配送地址
					.shipping-address{
						float: right;
						margin-right: 5px;
						>span{
							display: inline-block;
							height:100%;
							line-height: 40px;
							margin-right: 3px;
							color: #ADB5BD;
						}
					}
				}
				// 全选thead
				.cart-thead{
					height: 32px;
					line-height: 32px;
					margin: 0 0 10px;
					background-color: #F3F3F3;
					border: 1px solid #E9E9E9{top: 0;};
					// 头部列公共样式
					.column{
						float: left;
					}
					// 全选按键
					.t-checkbox{
						    height: 100%;
						    line-height: 100%;
						    width: 122px;
						    padding-left: 11px;
							margin-top: 10px;
							span{
								display: block;
								float: left;
								margin-left: 4px;
							}
							input{
								display: block;
								float: left;
							}
					}
					// 商品列
					.t-goods{
						width: 208px;
					}
					// 
					.t-props{
						width: 140px;
						height: 32px;
						padding:0 10px 0 20px;
					}
					// 价格
					.t-price{
						width: 120px;
						padding-right: 50px;
						text-align: right;
					}
					// 数量
					.t-quantity{
						width: 150px;
						text-align: center;
					}
					// 小计
					.t-sum{
						width: 170px;
						padding-right: 40px;
						text-align: right;
					}
					// 操作
					.t-action{
						width: 75px;
					}
				}
				// 购物车商品列表
				.cart-tbody{
					// 店名
					.store-name{
						height: 30px;
						line-height: 30px;
						padding-left: 11px;
						overflow: hidden;
						border: 2px solid #454D55{left:none;right: 0;top:none;} ;
						input{
							display: block;
							margin-top: 9px;
							margin-right: 10px;
							float: left;
						}
					}
					// 商品具体列表
					.list-item{
						border-top: 1px solid #c5c5c5;
						line-height: 20px;
						background: #fff;
						padding: 0 0 1px 0px;
						// 商品item
						.com-item{
							@extend .cart-thead;
							height: auto;
							overflow: hidden;
							background: #fff;
							//商品图片介绍
							.t-goods{
								img{
									display: block;
									float: left;
									width: 100%;
									height: 100%;
								}
								>div{
									float: left;
									width: 120px;
									overflow: hidden;
									text-overflow:ellipsis;
									white-space: nowrap;
								}
							}
							//  商品简介 
							.t-props{
								p{
									overflow: hidden;
									text-overflow:ellipsis;
									white-space: nowrap;
								}
							}
							// 商品价格
							.t-price{
								span{
									color: $bodyColor;
								}
							}
							//数量
							.t-quantity{
								// 加/减
								.btn{
									text-align: center;
									background-color: #F1F1F1;
									border-width:1px ;
									vertical-align: middle;
								}
								// 数量
								.shap-num{
									height: 20px;
									width: 40px;
									line-height: 20px;
									text-align: center;
									box-sizing: border-box;
									border: 1px solid #cbcbcb;
									background-color: #fff;
									
								}
							}
						}
					}
				}
				// 购物车底部结算
				.cart-footer{
					@extend  .cart-headbar;
					width: 100%;
					position: sticky;
					bottom: 0;
					z-index: 100;
					background: #fff;
					border-top: 1px solid #DFDFDF;
					.all-goods{
						.t-checkbox{
							float: left;
						}
						a{
							float: left;
							display: block;
							height: 40px;
							line-height: 40px;
							margin-left:10px
						}
					}
				}
			}
		}
	}
	
	// 尾部
	.footer{
		.main{
		}
	}
}